<script setup>
import { ref } from "vue"

let activatedTabBarItemIndex = ref(0);

</script>

<template>
    <section>
        <van-tabbar v-model="activatedTabBarItemIndex" safe-area-inset-bottom fixed route placeholder>
            <van-tabbar-item icon="home-o" to="/home-page">
                主页
            </van-tabbar-item>

            <van-tabbar-item icon="envelop-o" to="/forum">
                社区
            </van-tabbar-item>

            <!-- van-tabbar-item icon="new-o" to="/search-view" >
                热点时事
            </van-tabbar-item> -->

            <van-tabbar-item icon="chat-o" to="/chat-view">
                AI聊天
            </van-tabbar-item>

            <van-tabbar-item icon="setting-o" to="/setting-view">
                设置
            </van-tabbar-item>
        </van-tabbar>
    </section>
</template>

<style scoped></style>